<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>找回密码</title>
		<link href="/resources/src/css/main.css" rel="stylesheet">
   		<link href="/resources/src/css/responsive.css" rel="stylesheet">
   		<link href="/resources/src/css/register.css" rel="stylesheet">
    </head>
    <body>
    	<div class="content">
    		<div class="main-logo text-center"><img src="images/logo.png" alt="logo"></div>
    		<div class="complate text-left">
    			<!--找回密码-->
    			<div class="find-password">
	    			<div class="header-title text-center">
		    			<span class="login-btn on">找回密码</span>
		    		</div>
		    		<div class="login-bd">
						<div class="row">
							<div class="col-xs-12 col-sm-6 find-way text-center selected" index="0"><span class="by-email">通过邮箱找回密码</span></div>
							<div class="col-xs-12 col-sm-6 find-way text-center" index="1"><span class="by-phone">通过手机找回密码</span></div>
					    </div>
					    <button class="btn btn-block btn-lg find-password-next" style="margin-top:20px;">下一步</button>
		    		</div>
	    		</div>
	    		<!--通过手机找回密码-->
	    		<div class="find-by-phone">
	    			<div class="header-title text-center">
		    			<span class="login-btn on">通过手机找回密码</span>
		    		</div>
		    		<div class="login-bd">
						<form role="form">
						  <div class="form-group">
						    <input class="form-control input-lg" id="phone" type="text" placeholder="请输入您的手机号">
						  </div>
						  <div class="row">
						  	<div class="col-xs-12 col-lg-9" style="padding-left:15px; padding-right:15px;">
						  		<div class="form-group">
								    <input class="form-control input-lg" type="text" id="code" placeholder="请输入您的收到的验证码">
								</div>
						  	</div>
						  	<div class="col-xs-12 col-lg-3 text-center" style="padding-left:15px; padding-right:15px;"><span class="get-code btn btn-block" style="padding:0; line-height:60px;">获取验证码</span></div>
						  </div>
						</form>
					    <button class="btn btn-block btn-lg find-by-phone-next" style="margin-top:20px;">下一步</button>
		    		</div>
	    		</div>
	    		<!--通过邮箱找回密码-->
	    		<div class="find-by-email">
	    			<div class="header-title text-center">
		    			<span class="login-btn on">通过邮箱找回密码</span>
		    		</div>
		    		<div class="login-bd">
						<form role="form" style="margin-bottom:35px;">
						  <div class="form-group">
						    <input class="form-control input-lg" id="email" type="text" placeholder="请输入您的注册邮箱">
						  </div>
						</form>
					    <button class="btn btn-block btn-lg find-by-email-next" style="margin-top:20px;">下一步</button>
		    		</div>
	    		</div>
	    		<!--重置密码-->
	    		<div class="reset-password">
	    			<div class="header-title text-center">
		    			<span class="login-btn on">重置密码</span>
		    		</div>
		    		<div class="login-bd">
						<form role="form" style="margin-bottom:35px;">
						  <div class="form-group">
						    <input class="form-control input-lg" id="passwords" type="text" placeholder="请输入您的新密码">
						  </div>
						  <div class="form-group">
						    <input class="form-control input-lg" id="re-passwords" type="text" placeholder="请再次输入您的密码">
						  </div>
						</form>
					    <button id="reset-password-btn" class="btn btn-block btn-lg" style="margin-top:20px;">完成</button>
		    		</div>
	    		</div>
    		</div>	
    	</div>
    	
    	<script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
    	<script src="/resources/src/js/jquery.cookie.js"></script>
    	<script src="/resources/src/js/find-password.js"></script>
 	</body>
</html>